import React from 'react';
import './resultStyle.less';

const ResultStyle = ({
  isHit = false, // 是否命中
  top = '',
  bottom = '',
  hightLight = false, // 值是否高亮
  tag = false, // 是否需要 命中/未命中 标签
}) => {
  return (
    <div className={`style ${isHit && 'ishit'}`}>
      <div className='top'>
        {tag && <span className='top_tag'>{isHit ? '命中' : '未命中'}</span>}
        {top}
      </div>
      <div className={`bottom ${hightLight && 'light'}`}>{bottom}</div>
    </div>
  );
};
export default ResultStyle;
